<template>
	<view class="balance" :style="'background-color: #f7f7f7;color:#333333;'+'min-height:'+$xyfun.xysys().windowHeight+'px'">
		<view class="head-wrap" :style="'background-color: #00dd83;'">
			<view :style="{ background: 'url('+ $xyfun.image('/static/images/balance_bg.png') +') no-repeat right bottom/auto 260rpx' }">
				<view class="money p-lr-50 tc-w">
					<view class="ts-40 tb p-t-50">{{user.info.money||0.00}}</view>
					<view class="title ts-26 m-t-15">账户积分（元）</view>
				</view>
			</view>
		</view>
		
		<view class="menu br-10 p-30">
			<view class="item flex" @tap="$xyfun.to('/pages/user/balance/log')">积分明细 <text class="xyicon m-l-auto icon-right"></text> </view>
		</view>
		
<!--		<view class="bottom-fixed p-b-50 m-b-40" :style="'background-color: #f7f7f7;'">-->
<!--			<button :style="'background-color: #00dd83;'" class="ts-30 lh-30 p-25 tc-w m-b-30 m-lr-30" @tap="$xyfun.to('/pages/user/recharge')">充值</button>-->
<!--&lt;!&ndash;			<button :style="'background-color: #00dd83;'" class="ts-30 lh-30 p-25 tc-w m-b-50 m-lr-30" @tap="$xyfun.to('/pages/user/withdraw/apply?type=balance')">提现</button>&ndash;&gt;-->
<!--		</view>-->
	</view>
</template>

<script>
	import { mapState,mapActions } from 'vuex';
	export default {
		components: {
		},
		data() {
			return {

			}
		},
		computed: {
			...mapState(['common','user'])
		},
		async onLoad() {
			this.loadData();
		},
		methods: {
			...mapActions('user',{'getUserInfo':'getInfo'}),
			loadData(){
				this.getUserInfo();
			}
		}
	}
</script>

<style scoped lang="scss">
.head-wrap {
  border-radius: 0 0 30% 30%;
  height: 300rpx;
  .money {
    height: 300rpx;
  }
}

.menu {
  position: absolute;
  width: 630rpx;
  top: 220rpx;
  left: 30rpx;
  background: #fff;
}
</style>